    <style include="certificate-shared">
      cr-input {
        --cr-input-error-display: none;
        margin-top: var(--cr-form-field-bottom-spacing);
      }

      .password-buttons {
        margin-bottom: 20px;
      }
    </style>
    <cr-dialog id="dialog" close-text="[[i18n('close')]]">
      <div slot="title">
        [[i18n('certificateManagerEncryptPasswordTitle')]]
      </div>
      <div slot="body">
        <div>[[i18n('certificateManagerEncryptPasswordDescription')]]</div>
        <div class="password-buttons">
          <cr-input type="password" value="{{password_}}" id="password"
              label="[[i18n('certificateManagerPassword')]]"
              on-input="validate_" autofocus></cr-input>
          <cr-input type="password"
              value="{{confirmPassword_}}" id="confirmPassword"
              label="[[i18n('certificateManagerConfirmPassword')]]"
              on-input="validate_"></cr-input>
        </div>
      </div>
      <div slot="button-container">
        <cr-button class="cancel-button" on-click="onCancelTap_">
          [[i18n('cancel')]]
        </cr-button>
        <cr-button id="ok" class="action-button" on-click="onOkTap_" disabled>
          [[i18n('ok')]]
        </cr-button>
      </div>
    </cr-dialog>
